<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0'>

<title>Insert title here</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

body{
	font-family : Nanum Gothic Coding, serif;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>

</script>
</head>
<body>

<div data-role="page" id="main" data-title="Better than Yesterday">
	<div data-role="header">
		<h3>중앙HTA 직업훈련센터</h3>
	</div>
	<div data-role="content" style="background-image: url(../images/so.jpg); height: 500px">
		<h1><a href="#sub1" data-role="button" data-theme="b">두번째 페이지로 이동</a></h1><br/><br/><br/>
		<h1><a href="./extern.jsp" data-role="button" data-theme="a">세번째 페이지로 이동</a></h1>
		<h1><a href="../jQueryMobile/data-rel.jsp" data-role="button" data-theme="c">네번째 페이지로 이동</a></h1>
	</div>
	
	<div data-role="footer">
		<h1>(주)류지훈.컴</h1>
	</div>
</div>

<!-- 두번째 페이지 -->
<div data-role="page" id="sub1" data-add-back-btn="true">
	<div data-role="header"><h1>UI / UX</h1></div>
	<div data-role="content" style="background-image: url(../images/sohee2.jpg); height: 500px">
	<br/>
		<h3>두번째 페이지 입니다.</h3>
		<br/><br/><br/><br/>
		<a href="#main" data-role="button" data-theme="c">메인으로 이동!</a>
	</div>
	<div data-role="footer"><h1>YoGi</h1></div>
</div>

</body>
</html>